{extend name="base" /}
{block name="body"}
{include file="common/header" /}
<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
   
     <!--轮播-->
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        
            {foreach $banner as $vo}

                <div style="background-image: url('{$vo.image}'); background-position: center;">
            <div class="layui-container">  
                <div class="pro-con pull-left"><!--pull-right>
                    <h1 class="layui-anim layui-anim-up">
                        响应式         
                        
                    </h1-->
                    
                       <div class="layui-elem-quote child"><blockquote>
                   {:html_entity_decode($vo.desc)}
                 </blockquote> 
                    </div>
                    
                    <!--a href="{$vo.url}" class="layui-btn">
                        查看演示
                    </a-->
                </div>
            </div>
        </div>
        {/foreach}
      </div>
    </div>

    <!--轮播-->

      <div class="fly-panel">
 
        <ul class="fly-list">
<div id="page1-content">
     {volist name="data" id="vo" empty="<div class='detail-abouts'><i class='layui-icon layui-icon-loading' title='暂时没有数据'></i>&nbsp;&nbsp;<strong>暂时没有数据，更多精彩等待你发现！</strong></div>"}
                  <li>
            <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '&ZcT=' . base64_encode($vo['cat_id']) . '')}" class="fly-avatar">
              <img src="{$vo.image}" alt="{$vo.title}">
            </a>
            <h2>
              <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '&ZcT=' . base64_encode($vo['cat_id']) . '')}">{:$vo.title = str_replace($keywords, '<b style="color: #ff0000;">' .$keywords . '</b>', $vo.title)}</a>
            </h2>
            <div class="fly-list-info">
              <a href="{:url('detail/index?article_id=' . $vo['id'] . '&cat_id=' . $vo['cat_id'] . '')}" link="">
                <cite><span><i class="iconfont" title="人气"></i>{$vo.view}</span></cite>
              </a>
              发表时间：<?php echo time_trans($vo['create_time']);?>       
            </div>
          </li> 
          {/volist}
          </div>  
        </ul>
        
         
    <div class="login-wrappers" id="search_json" type="page" times="2" showtime="0" contype="string" style="display: none;">
  
    <form action="/article/search_json">
      <input autocomplete="off" placeholder="搜索内容，回车跳转" name="search" type="text"></form>
    </div>      
    <!-- 移 动 端 便 捷 操 作 -->
    <div class="icon">
        <span id="layers"><span class="pear-collapsed-pe collapse"><i class="layui-icon layui-icon-shrink-right"></i></span></span>
  </div>
      </div>
    </div>
    <div class="layui-col-md4">


      <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title"><h2>今日随机推荐阅读</h2></dt>
    {volist name="model['data']" id="vo" empty="<div class='detail-abouts'><i class='layui-icon layui-icon-loading' title='暂时没有数据'></i>&nbsp;&nbsp;<strong>暂时没有数据，更多精彩等待你发现！</strong></div>"}
                <dd>
          <a href="{:url('detail/index?Art=' . base64_encode($vo['id']) . '&ZcT=' . base64_encode($vo['cat_id']) . '')}">{$vo.title}</a>
          <span><i class="iconfont" title="人气"></i>{$vo.view}</span>
        </dd>
         {/volist}
                <!-- 无数据时 -->
        
        <!--div class="fly-none detail-abouts">没有相关数据</div-->
    
      </dl>
    </div>
  </div>
</div>

    <!--版权-->
    <div class="copy">
     {:seo('copyright')}&nbsp;&nbsp;网站备案/许可证号 <a style="color: #aaa;" target="_blank" href="https://beian.miit.gov.cn/">{:seo('beian')}</a>
    </div>
   {/block}      
{block name="js"}

<script type="text/javascript">
   $("#layers").click(function(){ 
  layer.open({
        type: 1,
        shadeClose: true, // 点击遮罩区域，关闭弹层
        anim: 1, // 0-6 的动画形式，-1 不开启
        title: false, //不显示标题栏
        closeBtn: false,
        area: '300px;',
        shade: 0.8,
        id: 'LAY_layuipro', //设定一个id，防止重复弹出
        content: $('#search_json'),
        end: function (){
       $('#search_json').hide();
          }
       })
    });  
   </script>
{/block}   